import {FC} from "react";
import {Space, Statistic} from "antd";
import MinHeader from "../../../../../../components/MinHeader/MinHeader";
import "./ServiceTotal.less";
import CustChartPie from "../../../../../../components/CustChartPie/CustChartPie";
import CustChartLine from "../../../../../../components/CustChartLine/CustChartLine";
const ServiceTotal:FC<any>=()=>{
    return (
        <div className="service_total-box">
            <div><MinHeader title="营商服务情况"/></div>
            <div className="total_box-column">
                <div className="box_column-matter">
                    <Statistic className="metter_ic" title="企业服务事项" value={10} valueStyle={{color: "#2F54EB"}} suffix={"件"}/>
                    <CustChartPie />
                </div>
                <div className="box_column-attr">
                    <Space size="middle">
                        <Statistic className="metter_ic" title="安商稳商走访" value={10} valueStyle={{color: "#2F54EB"}} suffix="次" />
                        <Statistic className="metter_ic" title="企业服务云问题" value={10} valueStyle={{color: "#2F54EB"}} suffix="个" />
                        <Statistic className="metter_ic" title="问题解决率" value={10} valueStyle={{color: "#2F54EB"}} suffix="%" />
                    </Space>
                    <div className="attr_line">
                        <CustChartLine />
                    </div>
                </div>
            </div>
        </div>
    );
}
export default ServiceTotal;
